<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登录</title>
<script type="text/javascript" src="/assets/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/assets/images/login.js"></script>
<link href="/assets/css/login2.css" rel="stylesheet" type="text/css" />

</head>
<body>
	<h1>登录</h1>

	<div class="login" style="margin-top: 50px;">

		<div class="header">
			<div class="switch" id="switch">
				<a class="switch_btn_focus" id="switch_qlogin"
					href="javascript:void(0);" tabindex="7">快速登录</a> <a
					class="switch_btn" id="switch_login" href="javascript:void(0);"
					tabindex="8">快速注册</a>
				<div class="switch_bottom" id="switch_bottom"
					style="position: absolute; width: 64px; left: 0px;"></div>
			</div>
		</div>


		<div class="web_qr_login" id="web_qr_login"
			style="display: block; height: 235px;">

			<!--登录-->
			<div class="web_login" id="web_login">


				<div class="login-box">


					<div class="login_form">
						<form name="loginform" accept-charset="utf-8" id="login_form"
							class="loginForm" method="post">
							<input type="hidden" name="user.id" value="0" /> <input
								type="hidden" name="to" value="log" />
							<div class="uinArea" id="uinArea">
								<label class="input-tips" for="u">帐号：</label>
								<div class="inputOuter" id="uArea">
									<input type="text" id="u" name="username" class="inputstyle" />
								</div>
							</div>
							<div class="pwdArea" id="pwdArea">
								<label class="input-tips" for="p">密码：</label>
								<div class="inputOuter" id="pArea">

									<input type="password" id="p" name="password"
										class="inputstyle" />
								</div>
							</div>

							<div style="padding-left: 50px; margin-top: 20px;">
								<input type="button" onclick="sub(); return false;" value="登 录"
									style="width: 150px;" class="button_blue" />
							</div>
						</form>
					</div>

				</div>

			</div>
			<!--登录end-->
		</div>

		<!--注册-->
		<div class="qlogin" id="qlogin" style="display: none;">

			<div class="web_login">
				<form name="form2" id="regUser" accept-charset="utf-8">
					<ul class="reg_form" id="reg-ul">
						<div id="userCue" class="cue">快速注册请注意格式</div>
						<li><label for="user" class="input-tips2">用户名：</label>
							<div class="inputOuter2">
								<input type="text" id="user" name="username" maxlength="16"
									class="inputstyle2" />
							</div></li>

						<li><label for="passwd" class="input-tips2">密码：</label>
							<div class="inputOuter2">
								<input type="password" id="passwd" name="password"
									maxlength="16" class="inputstyle2" />
							</div></li>

						<li>
							<div class="inputArea">
								<input type="button" id="reg" onclick="save()"
									style="margin-top: 10px; margin-left: 85px;"
									class="button_blue" value="同意协议并注册" /> <span class="zcxy">注册协议</span>
							</div>

						</li>
						<div class="cl"></div>
					</ul>
				</form>


			</div>


		</div>
		<!--注册end-->
	</div>
	<script>
    function save() {
        $.ajax({
            type: 'POST',
            url: '/regist',
            data: $('#regUser').serialize(),
            dataType: 'json',
            success: function (data) {
            	  alert(data.msg);
     
            },
            error: function () {
                alert("出错了,请重试!");
            }
        });
    }
</script>

	<script>
    function sub() {
        $.ajax({
            type: 'POST',
            url: '/login',
            data: $('#login_form').serialize(),
            dataType: 'json',
            success: function (data) {
            	  if(typeof(data.message_login) == "undefined"){
            		  window.location.href=''+data.url;
            	  }
            	  else{
            		  alert(data.message_login);
            	  }
            },
            error: function () {
                alert("出错了,请重试!");
            }
        });
    }
</script>
</body>

</html>